<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="../core/Cf.js"></script>
<script type="text/javascript" src="../core/prototype/function.js"></script>
<script type="text/javascript" src="../core/prototype/String.js"></script>
<script type="text/javascript" src="../core/Class.js"></script>
<script type="text/javascript" src="../core/Component.js"></script>
<script type="text/javascript" src="../core/dom/Helper.js"></script>
<script type="text/javascript" src="../core/dom/Element.js"></script>
<script>
	Cf.ready(function(){
		var el = Cf.getEl('#test');
		/*var fn = function(){alert('alert')};
		var fn2 = function(){alert('alert2')};
		//el.dom.attachEvent('onclick', fn);
		//el.dom.detachEvent('onclick', fn);
		//el.dom.addEventListener('DOMNodeInserted', fn, true);
		//el.dom.addEventListener('dblclick', fn, true);
		//el.dom.addEventListener('dblclick', fn2, true);
		el.dom.attachEvent('ondblclick', fn);
		el.dom.attachEvent('ondblclick', fn2);
		//el.append({tag: 'p', html: 'aaaa'});*/
		var fn = function(el, e){
			alert('a');
		};
		el.onClick(fn);

		el.append({tag: 'p', html: 'aaaa'});
		el.setOpacity(.4);
	});
</script>
</head>

<body>
<div id="test">
gdfgfdgdfg
</div>
</body>
</html>
